@tailwind base;
@tailwind components;
@tailwind utilities;

/* RTL Support */
.rtl {
  direction: rtl;
  text-align: right;
}

.ltr {
  direction: ltr;
  text-align: left;
}

/* Fix for RTL layout in flexbox */
.rtl .flex-row {
  flex-direction: row-reverse;
}

.rtl .flex-row-reverse {
  flex-direction: row;
}

/* Fix for RTL padding */
.rtl .pr-12 {
  padding-right: 0;
  padding-left: 3rem;
}

.rtl .pl-12 {
  padding-left: 0;
  padding-right: 3rem;
}

/* Fix for RTL self alignment */
.rtl .self-start {
  align-self: flex-end;
}

.rtl .self-end {
  align-self: flex-start;
}

/* 定义滚动条的宽度 */
body{
  overflow: scroll;
}
::-webkit-scrollbar {
  width: 10px;
  display: none;
}

/* 定义滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* 定义滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* 定义滚动条滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: #999;
}